import React, { PureComponent } from "react"
import Styles from '@/scss/froms.scss'
//引入组件
import FromLog from "@/pages/components/rights/from/from_reveal/fromlog"
import CONSTS from "@/inits/consts"
//引入自己的工具包
import dateUtils from "@/utils/dateutils"
import { CheckOutlined } from '@ant-design/icons';
/* 思路: 从父类取到相应id的默认数据进行渲染 */
class FromDefault extends PureComponent<any, any>{

  //修改表单独有的默认数据显示 可以抽成组件类,但是感觉并无必要,因为功能一样 并且在别的地方没有调用
  timeRender = () => {
    return (<div>
      {/* 1. 渲染原定任务时间 */}
      <div className={Styles.showTime}><span>{"原定任务时间: "}</span><i>{dateUtils.getLocalTime(this.props.todo.start)}</i> - <i>{dateUtils.getLocalTime(this.props.todo.deadline)}</i>    </div>
      {// 2. 使用操作日志渲染组件
        <FromLog updatetime={this.props.thistodo.updatetime} />
      }
      {// 3. 此处判断是否为回收站表单,渲染对应的还原任务或者移至回收站
        this.props.isShow == CONSTS.ISSHOW.RECYCLE ?
          <div className={Styles.move_recycle} ><div onClick={() => { this.props.handleMoveRecyle(this.props.todo.id, CONSTS.STATE.REDUCTION) }} > 还原任务</div> </div> :
          <div className={Styles.move_recycle} ><div onClick={() => { this.props.hadleSubmit() }} > 更新任务</div> </div>
      }
    </div>)
  }

  render() {
    return (
      <div className={Styles.from_default}>
        {/*  //判断此属性是否存在,如果是创建的话,传入的属性中的start将会是undefined 将会判错  以此作为判断是否创建的依据*/}
        {this.props.thistodo.start ? this.timeRender() :
          (<div className={Styles.create_button}><div className={`${Styles.from_button}  ${Styles.from_button_undone}`} onClick={() => { this.props.hadleSubmit() }}>
            <CheckOutlined /><span>创建</span>
          </div></div>)
        }
      </div>
    )
  }

}


export default FromDefault